<template>
  <div class="yun-page">
    <div class="yun-card card1">
      <div class="yun-cardview yun-card1">
        <h3 class="yun-title"><span>—</span><span> Solidity Developer</span><span> —</span></h3>
        <p class="yun-sbtitle">
          WWe're seeking a Solidity Developer to work remotely.
        </p>

        <div class="yun-write">
          <div class="yun-point1">
            <img src="@/assets/img/points.png" alt="" />
          </div>
          <div class="yun-point2">
            <img src="@/assets/img/points.png" alt="" />
          </div>
          <div class="yun-point3">
            <img src="@/assets/img/points.png" alt="" />
          </div>
          <div class="yun-write-card">
            <div class="yun-head">
              <span>Development</span>
              <span>Full-time</span>
              <span>Remote</span>
            </div>
            <div class="yun-btn">APPLY NOW</div>
          </div>
          <div class="yun-write-cont">
            <p class="yun-p">
              Exploit Network is an energetic remote team located globally around the world. We are looking to hire awesome people that will help achieve our vision of making the development and use of blockchain applications as close as possible to their centralized counterparts.
            </p>
            <p class="yun-blue">
              Working with Exploit Network is awesome, how about a few perks?
            </p>
            <p>- Flexible work hours and location (remote).</p>
            <p>
              - Potential to be a big part of the project as it develops, own
              your work and contribute your visions and ideas.
            </p>
            <p>
              - Work with an enthusiastic team that likes to have fun and really
              cares about what we’re building.
            </p>
            <p>- Vacation days with no hard limits</p>
            <p>- Hardware subsidy</p>
            <p>- +More! Help build our culture.</p>

            <p class="yun-blue">What will you do?</p>
            <p>
              Polkamarkets is looking for a talented, motivated blockchain
              engineer, specialized in Ethereum (Solidity). Presenting
              solutions, proof of concepts, and options to clients in a team
              setting for each project in a consultative environment. Work in
              internal Polkamarkets tech development and external teams
              reporting up to a Project Lead when on assignment.
            </p>
            <p class="yun-blue">Suggested Requirements</p>
            <p class="yun-p">
              3+ years of software engineering experience developing highly
              reliable, scalable products and services
            </p>
            <p class="yun-p">
              - 2+ years of developing in blockchain using Ethereum (Solidity)
            </p>
            <p class="yun-p">
              - Strong experience with at least one modern coding language such
              as Python, Rust or C++
            </p>
            <p class="yun-p">- Good communication skills</p>
            <p class="yun-p">- Fluent English</p>
            <p class="yun-blue">Compensation</p>
            <p>
              We are looking for the best people that fit in our team. We are
              ready to pay a great salary to the right people!
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "Home",
  components: {},
  data() {
    return {};
  },
};
</script>
<style lang='scss' scoped>
.yun-page {
  max-width: 1920px;
  margin: 0 auto;
  .yun-card {
    width: 100%;
    position: relative;
    &.card1 {
      width: 100%;
      height: 2754px;
      background-image: url("~@/assets/img/maxbg.png");
      background-size: 100% 100%;
      padding-top: 200px;
    }
    .yun-cardview {
      width: 1365px;
      margin: 0 auto;
      &.yun-card1 {
        padding-top: 0px;
        .yun-title {
          font-size: 36px;
          font-family: Pill Alt;
          font-weight: bold;
          color: #31313b;
          line-height: 72px;
          text-align: center;
          
        }
        .yun-sbtitle {
          margin-top: 30px;
          font-size: 33px;
          font-family: Pill Alt;
          font-weight: 400;
          color: #828282;
          line-height: 48px;
          text-align: center;
        }
        .yun-write {
          margin-top: 140px;
          position: relative;
          background: #e2eff8;
          padding: 360px 84px 160px;
          font-size: 28px;
          font-family: Pill Alt 600mg;
          font-weight: 400;
          color: #31313b;
          line-height: 42px;
          .yun-point1 {
            position: absolute;
            left: -180px;
            top: 45%;
          }
          .yun-point2 {
            position: absolute;
            right: -160px;
            top: 5%;
          }
          .yun-point3 {
            position: absolute;
            right: 240px;
            bottom: -80px;
          }
          .yun-write-card {
            width: 1125px;
            height: 370px;
            background: #ffffff;
            border-radius: 10px;
            position: absolute;
            top: -60px;
            left: 50%;
            transform: translate(-50%);
            padding: 66px 88px;
            .yun-head {
              display: flex;
              justify-content: space-between;
              font-size: 40px;
              font-family: Pill Alt 600mg;
              font-weight: 500;
              color: #31313b;
              line-height: 98px;
            }
            .yun-btn {
              width: 481px;
              height: 86px;
              text-align: center;
              background: #404fe0;
              box-shadow: 0px 18px 38px 0px rgba(7, 17, 126, 0.3);
              border-radius: 8px;
              font-size: 30px;
              font-family: PingFang SC;
              font-weight: 400;
              color: #ffffff;
              line-height: 86px;
              margin: 60px auto 0;
              cursor: pointer;
            }
          }
          .yun-blue {
            color: #404fe0;
            margin-top: 80px;
          }
        }
      }
    }
  }
}
@media screen and (max-width: 480px) {
  .yun-page {
    max-width: 1920px;
    width:100%;
    margin: 0 auto;
    .yun-card {
      width: 100%;
      position: relative;
      &.card1 {
        width: 100%;
        height: 4801px;
        background-image: url("~@/assets/img/app/maxbg.png");
        background-size: 100% 100%;
        padding-top: 200px;
      }
      .yun-cardview {
        width: 100%;
        margin: 0 auto;
        &.yun-card1 {
          padding-top: 0px;
          .yun-title {
            font-size: 32px;
            font-family: Pill Alt;
            font-weight: bold;
            color: #31313b;
            line-height: 48px;
            text-align: center;
            display: flex;
          align-items: center;
          padding: 0 15px;
          }
          .yun-sbtitle {
            margin-top: 30px;
            font-size: 28px;
            font-family: Pill Alt;
            font-weight: 400;
            color: #828282;
            line-height: 48px;
            text-align: center;
            padding: 0 15px;
          }
          .yun-write {
            margin-top: 140px;
            position: relative;
            background: #e2eff8;
            padding: 360px 30px 160px;
            font-size: 28px;
            font-family: Pill Alt 600mg;
            font-weight: 400;
            color: #31313b;
            line-height: 42px;
            .yun-point1 {
              position: absolute;
              left: -40px;
              top: 45%;
              width:8rem;
              img{
                width:100%;
              }
            }
            .yun-point2 {
              position: absolute;
              right: -40px;
              top: 5%;
              width:8rem;
              img{
                width:100%;
              }
            }
            .yun-point3 {
              position: absolute;
              right: 40px;
              bottom: 30px;
              width:8rem;
              img{
                width:100%;
              }
            }
            .yun-write-card {
              width: 90%;
              height: 370px;
              background: #ffffff;
              border-radius: 10px;
              position: absolute;
              top: -60px;
              left: 50%;
              transform: translate(-50%);
              padding: 20px 30px;
              .yun-head {
                display: block;
                justify-content: space-between;
                font-size: 24px;
                font-family: Pill Alt 600mg;
                font-weight: 500;
                color: #31313b;
                line-height: 50px;
                span{
                  display: block;
                  text-align: center;
                }
              }
              .yun-btn {
                width: 80%;
                height: 86px;
                text-align: center;
                background: #404fe0;
                box-shadow: 0px 18px 38px 0px rgba(7, 17, 126, 0.3);
                border-radius: 8px;
                font-size: 24px;
                font-family: PingFang SC;
                font-weight: 400;
                color: #ffffff;
                line-height: 86px;
                margin: 40px auto 0;
                cursor: pointer;
              }
            }
            .yun-blue {
              color: #404fe0;
              margin-top: 40px;
            }
          }
        }
      }
    }
  }
}
</style>
